<template>
  <div class="reporting">
    <el-card shadow="never">
      <div slot="header" class="clearfix">
        <span class="card-title">上报管理-当前用户</span>
      </div>
      <el-table
          size="small"
          stripe
          :data="dataList"
          style="width: 100%">
        <el-table-column
            align="center"
            prop="areaName"
            label="区划名称">
        </el-table-column>
        <el-table-column
            align="center"
            prop="areaCode"
            label="区划代码">
        </el-table-column>
        <el-table-column
            align="center"
            prop="status"
            label="县界确认">
          <template slot-scope="scope">
            <el-tag v-if="scope.row.status === '1'" class="cusorTag" effect="dark" size="small" color="#159b5a">已确认</el-tag>
            <el-tag type="info" v-else effect="dark" class="cusorTag"  color="#ff4949" size="small" >未确认</el-tag>
          </template>
        </el-table-column>
        <el-table-column
            align="center"
            prop="addres1"
            label="行政区划上报">
          <template slot-scope="scope">
            <el-tag v-if="scope.row.reportStatus === '0'" class="cusorTag" color="#ff4949"  effect="dark" size="small">未上报</el-tag>
            <el-tag type="info" v-else  effect="dark" class="cusorTag"  size="small" color="#159b5a">已上报</el-tag>
          </template>
        </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>

<script lang="ts">
import {Component, Vue, Prop} from 'vue-property-decorator';
@Component
export default class ReportingActiveUserView extends Vue {

  @Prop() 
  private dataList!:any;

}
</script>
<style lang="scss" scoped>

</style>
